<!doctype html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Media server</title>
        <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"
                data-dojo-config="isDebug: true,parseOnLoad: true">            
        </script>
    </head>
    <body>
        <script type=text/javascript>
            dojo.require("dojo.store.JsonRest");
            dojo.require("dojo.json");
            dojo.ready(function(){
                var data = new dojo.store.JsonRest({
                    target:"/"
                });
                data.get('data').then( function(result){
                    dojo.byId("console").innerHTML += result.result   ;
                })
            });
            // <source src="{{ url_for('static', filename='out.mp4') }}" type="video/mp4" />
        </script>
        <div class=page>
            <div id=console>
            </div>
            <div>
                <video width="640" height="360" controls autoplay>                    
                    <source src="{{ url_for('static', filename='mystream.mp4') }}" type="vidoe/mp4" />
                </video>
            </div>
        </div>
    </body>
</html>